<template>
  <div>{{ TYPEName }} -- {{ ItemID }}</div>
</template>

<script>
export default {
  data() {
    return {
      TYPEName: "",
      TYPEItem: {
        PROJECT: "项目",
        SWICHBOARD: "交换机",
        SERVER: "服务器",
        ["SAN-SWICHBOARD"]: "SAN交换机",
        STOEAGE: "存储",
      },
      ItemID: "",
    };
  },
  created() {
      this.changData()
  },
  methods: {
    changData() {
      this.TYPEName = this.TYPEItem[this.$route.params.name];
      this.ItemID = this.$route.params.id;
    },
  },
  watch: {
    $route: function(n, o) {
        this.changData()
    },
  },
};
</script>

<style lang="scss" scoped></style>
